iT邦幫忙

2022 iThome 鐵人賽

DAY 29
0
Modern Web

遊戲製作新手救星---Phaser3網頁遊戲教學與實作系列 第 29

Day28 將做好的遊戲上傳到Github吧☆⌒(*^-゜)v

  • 分享至 

  • xImage
  •  

做好的作品就是要分享出去啊!來上傳遊戲到Github吧!!(✧×✧)

Github上傳

依照今天的教學能夠將遊戲檔案上傳到Github中!
上傳完畢後Github能夠生成網址,這樣就能夠分享做好的遊戲了~~

此方法為上傳至Github的其中一種方式,各位可以去找尋自己認為最方便的上傳方法喔!(✿◡‿◡)

簡單講一下鏡頭設定的教學步驟:

  1. Github登入/註冊
  2. 建立檔案
  3. 新增檔案
  4. 生成網頁

來開始上傳檔案吧!!


Github登入/註冊

首先進入Github官網,註冊or登入你的帳號!
Github官網: https://github.com/

  • 點擊紅框處進行登入or註冊
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515ZD1mSp461g.png

  • 登入畫面
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515nRUaZf8kQ1.png

建立檔案

登入完畢後就來生成可以放入我們做好的資料的新檔案吧~

  • 點選右上角+號,點選New repository新增儲存庫
    https://ithelp.ithome.com.tw/upload/images/20221014/201525151Mx7QCiUG2.png

  • 設定檔案名稱
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515BBW9IlpyS5.png
    "Repository name": 檔案名稱,可任意設定。
    "Description": 儲存庫描述,可填可不填。

  • 勾選Choose a license
    https://ithelp.ithome.com.tw/upload/images/20221014/201525154a1LI54YLL.png
    選擇license後可使其他人能夠使用你的檔案~

  • 點擊上方紅框處選擇license,並選擇Apache License2.0
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515W8NIiJ5gld.png

  • 點擊紅框處建立儲存庫
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515Lmo4PNwDJo.png

  • 檔案建立完畢畫面
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515CAZ4DRii3P.png

新增檔案

將遊戲檔案放入所建立的Github檔案中(ง •_•)ง

  • 點選Add file之後點選Upload files
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515OQYbrTpURh.png

  • 上傳檔案介面
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515RGeAj8TOiK.png

  • 開啟遊戲資料夾並將檔案拖曳到頁面
    (注意:一次上傳最多100個檔案)
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515TcUNypK8Mb.png

  • 點選紅框處即可進行上傳
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515vFS4ydbU39.png

  • 上傳完畢畫面
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515sIQ8I720bg.png
    這樣就順利將檔案上傳完畢了!!( ̄︶ ̄*))

生成網頁

再來生成檔案的網址吧~

  • 點選紅框處的"Settings"
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515CY4OswAVxL.png

  • 點選旁邊列表的"Pages"進入Github Pages
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515L45FfvYKUa.png

  • 點選None後選擇main
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515YzczZo8MUr.png

  • 點選紅框處的Save
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515YGqa8AdsYu.png

  • 儲存完畢後,不斷重新整理到紅框部分從藍色到綠色
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515YLNjL8VDxK.png

  • 設定完畢後即可使用該連結開啟遊戲
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515uJnZbH8MW5.png

  • 網頁畫面
    https://ithelp.ithome.com.tw/upload/images/20221014/20152515JRrxMO2oTk.png
    紅框中的網址即為Github生成的網址


最後生成的網址可以分享出去,讓大家看看你的作品喔o((>ω< ))o

那麼教學明天終於來到最後一天了,來做個總結吧!!
敬請期待~~


上一篇
Day27 GameOver後重來( ノ ゚ー゚)ノ---Phaser3 Restart 按鈕設定
下一篇
Day29 Phaser3 網頁遊戲製作 總結 d=====( ̄▽ ̄*)b
系列文
遊戲製作新手救星---Phaser3網頁遊戲教學與實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言